<div nz-row [nzGutter]="20">
  <div nz-col nzSpan="16">
    <div>
      <nz-radio-group [(ngModel)]="radioValue" (ngModelChange)="currencyChange($event)">
        <label nz-radio-button nzValue="A">所有货币</label>
        <label nz-radio-button nzValue="B">自选货币</label>
      </nz-radio-group>
    </div>
    <div class="market-total-table">
      <nz-table #basicTable [nzPageSize]="20" [nzData]="dataSet">
        <thead>
          <tr>
            <th>#</th>
            <th>名称</th>
            <th>流通市值</th>
            <th>价格</th>
            <th>流通数量</th>
            <th>成交额</th>
            <th>涨幅</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of basicTable.data">
            <td>{{data.key}}</td>
            <td [style.color]="'#0291d6'">
              <a [routerLink]="['/market/chain', data.enname]">{{data.name}}</a>
            </td>
            <td>{{data.marketValue | currency:'USD':'$':'1.0-0'}} 亿</td>
            <td>{{data.price | currency:'USD':'$':'1.0-0' }}</td>
            <td>{{data.amount | number}} 万</td>
            <td>{{data.deal | currency:'USD':'$':'1.0-0'}} 万</td>
            <td [style.color]="data.color ? 'red': 'green'">{{data.updown | percent:'1.2-2'}}</td>
          </tr>
        </tbody>
      </nz-table>
    </div>
  </div>
  <div nz-col nzSpan="8">
    <div class="right-news-list">
      <nz-card nzTitle="各大交易所最新公告" [nzExtra]="extraTemplate">
        <p>DEL 提币服务开放 DEL 提币服务开放 08-03 18:13</p>
        <p>交易SEELE 瓜分50万个SEELE 08-04 12:01</p>
        <p>MOAC主网升级 充、提币暂停 08-04 11:51</p>
        <p>[거래] 원화 마켓 신규 상장 (아이오타 IOTA) 08-04 10:06</p>
      </nz-card>
      <ng-template #extraTemplate>
        <a>更多</a>
      </ng-template>
    </div>
    <div class="right-new-table">
      <nz-table #rightSliderNewTable nzBordered [nzShowPagination]="pagination" nzTitle="最新上市" [nzData]="rightNewDataSet">
        <thead>
          <tr>
            <th>名称</th>
            <th>价格</th>
            <th>涨幅</th>
            <th>时间</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of rightSliderNewTable.data">
            <td [style.color]="'#0291d6'">{{data.name}}</td>
            <td>{{data.price | currency:'USD':'$':'1.0-0' }}</td>
            <td [style.color]="data.color ? 'red': 'green'">{{data.updown | percent:'1.2-2'}}</td>
            <td>{{data.time}}</td>
          </tr>
        </tbody>
      </nz-table>
    </div>
  </div>
</div>
